<template>
  <el-table
    :data="tableData"
    border
    class="ccui-form-child-table"
    ref="materialList"
  >
    <el-table-column
      v-for="(item, i) in tableColumnMaterialList"
      :label="item.label"
      :type="item.type"
      :prop="item.prop"
      :width="item.width"
      :align="item.align"
      :fixed="item.fixed"
      :key="i"
      :show-overflow-tooltip="true"
    >
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  name: "materialList",
  data() {
    return {
      tableData: [],
      tableColumnMaterialList: [
        {
          type: "index",
          label: "序号",
          fixed: "left"
        },
        {
          label: "设备物资编码",
          prop: "materialsCode",
          width: "110px",
          fixed: "left"
        },
        {
          label: "设备物资名称",
          prop: "materialsName",
          width: "300",
          fixed: "left"
        },
        {
          label: "设备物资说明",
          prop: "matDescribe",
          width: "200"
        },
        {
          label: "分类名称",
          prop: "thirdCategoriesOfName",
          width: "130"
        },
        {
          label: "计量单位",
          prop: "currentMeasuringUnit",
          width: "90px"
        },
        {
          label: "订单数量",
          prop: "currentNum",
          width: "140"
        },
        {
          label: "发货数量",
          prop: "shipmentsNum",
          width: "140"
        },
        {
          label: "验收数量",
          prop: "acceptanceNum",
          width: "140"
        },
        // {
        //   label: "在途数量",
        //   prop: "onWayNum"
        // },
        {
          label: "交货时间",
          prop: "deliveryTime",
          width: "170"
        },
        {
          label: "交货地点",
          prop: "listAddress",
          width: "200"
        },
        {
          label: "生产厂家/品牌",
          prop: "manufacturer",
          width: "130"
        },
        {
          label: "收货人",
          prop: "consignee",
          width: "130"
        },
        {
          label: "收货人电话",
          prop: "consigneePhone",
          width: "130"
        },
        {
          label: "备注",
          prop: "remark",
          width: "100"
        }
      ]
    };
  }
};
</script>

<style scoped></style>
